page-give-back-money
{
  // 头部
  .give-back-money-header
  {
    font-size: 0;
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
    // 疑问框
    ion-buttons.header-query
    {
      margin: 0 px2rem(32) 0 0;
      padding: 0;
      width: px2rem(44);
      height: px2rem(88);
      background : transparent;
      button
      {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        span
        {
          background: url("../assets/img/give-back-money/query.svg") no-repeat center;
          background-size: contain;
        }
        &:after
        {
          bottom: 0;
        }
      }
    }


  }

  // 内容
  .give-back-money-section
  {

    // 内容页面
    .scroll-content
    {
      border: 0;
      background-color: $office-page-background;
      //padding: 0 px2rem(16);

      // 没有需要归还的页面
      .show-not-back
      {
        width: 100%;
        background-color: $office-white;
        padding-top: px2rem(140);
        padding-bottom: px2rem(313);

        // 没有的背景
        >div
        {
          width: 100%;
          margin-bottom: px2rem(83);
          height: px2rem(111);
          background: url("../assets/img/give-back-money/not-data.svg") no-repeat center;
          background-size: contain;
        }

        // 显示文字
        >p
        {
          margin: 0;
          font-size: px2rem(28);
          text-align: center;
          color: $office-light-black-nine;
        }

        // 显示按钮
        >button
        {
          margin-top: px2rem(42);
          margin-left: px2percent(235);
          width: px2percent(249);
          height: px2rem(57);
          font-size: px2rem(28);
          @include office-background();
          border-radius: px2rem(8);
        }

      }

      // 还款方式
      .back-money-type
      {
        width: 100%;
        height: px2rem(80);
        padding-left: px2rem(30);
        padding-top: px2rem(40);
        font-size: px2rem(24);
        color: $office-light-black-nine;
      }

      // 银联
      .pass-bank
      {
        margin: 0 0 px2rem(40) 0;
        background-color: $office-white;

        > a.item, .item-block
        {
          padding-left: px2rem(33);
          height: px2rem(96);
          border-top: 1px solid $office-ion-item-border-color;
          border-bottom: 1px solid $office-ion-item-border-color;

          > div.item-inner
          {
            padding-right: px2rem(49) !important;
            background: url("../assets/img/common/arrows-right.png") no-repeat right px2rem(32) center !important;
            background-size: px2rem(17) px2rem(29) !important;

            ion-label
            {
              width: 100%;
              height: 100%;
              margin: 0;

              div
              {
                width: px2rem(44);
                height: px2rem(44);
                margin-top: px2rem(30);
                background-color: transparent;
                img {
                  width: 100%;
                  max-height: 100%;
                }
              }
              span
              {
                height: 100%;
                margin-left: px2rem(39);
                line-height: px2rem(87);
                font-size: px2rem(32);
                color: $office-black;
              }
            }

          }
        }
      }

    }


  }
}



